略過導覽
An illustrated image showing an open portfolio book with a lightbulb hovering above one page.
學習設計

五個提升設計作品集的技巧

學習如何運用業界專家 Michal Malewicz 的建議來優化你的作品集

無論你是正在尋找第一份工作的初級設計師,還是正在尋找新客戶的自由工作者,你的作品集都是至關重要的。一份好的作品集可以讓你擺脫數月無人問津的窘境,並真正獲得面試機會或贏得客戶。

在這裡,我們將討論如何製作你的作品集、放置作品集的位置、是否要創建 PDF 檔案、是否應該使用 Dribbble 或 Behance 等網站,以及更多其他內容。

過去幾年,我審閱過數百份初級設計師的作品集,因此我了解人們在建立作品集時所面臨的挑戰。這也讓我深刻理解了作品集的成功與失敗之處。

那麼,讓我們開始吧!

1. 至少包含三個專案

如果你剛完成一門課程,並打算將你的單一課程專案作為你的作品集,我有一些壞消息——你需要更多。你的作品集中至少應包含三個專案,但理想情況下,大約五個專案才能展現作品的多樣性。

你的作品集中至少應包含三個專案,但理想情況下,大約五個專案才能展現作品的多樣性。

但也不要過多!添加過多的作品範例可能會讓招聘人員感到不知所措,因為他們沒有太多時間。更多的專案也可能向招聘人員表明,你的資歷對於他們正在招聘的職位來說過高。

技巧:不要只在你的作品集中包含課程專案。招聘人員會看到數百個這樣的專案,因此重要的是,你要展現你曾在課程之外的專案中努力,以展現你超越課程的付出。

2. 展現多樣性

大多數人在作品集中都包含了行動應用程式,因為它們的設計相對簡單。我們都在使用它們,因此你可以輕鬆複製模式。但問題是,它們的畫布相對較小,這意味著它們並不是展現你技能的最佳場所。因此,如果你的作品集中只包含五個行動應用程式,招聘人員很可能不會全部看完。

這並不意味著應用程式不重要——它們仍然很重要。但最好包含不同類型的專案。我建議幾個應用程式設計、一兩個網站,然後是一些讓你脫穎而出的不尋常的東西。

An image showing a portfolio website with a grid of six squares, each showing a different project mockup.

將你的作品放在最顯眼的位置,並確保包含不同類型的專案以吸引人們的注意。

智慧手錶應用程式是一個不錯的選擇,因為它們並不常見,而且小螢幕尺寸讓它們的設計相對容易。你也可以考慮瀏覽器擴充功能、小型桌面應用程式或其他東西。

在作品集中包含各式各樣的專案是個好主意。我會建議放幾個應用程式設計、一兩個網站,以及一些讓你與眾不同的不尋常作品。

如果你苦無靈感,你甚至可以嘗試重新設計現有的東西,例如 ATM 螢幕或數位停車收費器,以改善使用者介面以及整體使用者體驗

五個 iPhone 應用程式很無聊。但如果我在某人的作品集中看到智慧冰箱應用程式,我一定會先點進去看看。

3. 讓你的作品成為焦點

我看過很多設計師在作品集最上方放了一個巨大的橫幅,上面寫著他們的名字和他們是一位有抱負的設計師。但如果我點了你的履歷或電子郵件中的連結,我就已經知道了!

相反地,請先從你的專案開始。如果你是一位 UI 設計師,你應該以美觀、視覺化的方式盡可能多地展示你的作品。它需要看起來賞心悅目——讓它變得精美,展示模型,並盡你所能吸引他們的注意力。

請先從你的專案開始。如果你是一位 UI 設計師,你應該以美觀、視覺化的方式盡可能多地展示你的作品。它需要看起來賞心悅目。

同樣重要的是,在每個縮圖下方都附上一個書面案例研究的連結,以展示你每個設計背後的思考過程。但縮圖才是銷售你技能的關鍵,因此請確保任何文字描述或案例研究都只是輔助。

提示:不要在縮圖中使用公司標誌或名稱——這會迫使招聘人員點擊才能真正看到你的作品。

4. 建立專屬網站

有很多平台可以放置你的作品集,包括 Dribbble 和 Behance 等網站。但對招聘人員和客戶來說,最簡單的方法是使用你的名字和姓氏建立一個專屬網站,例如michalmalewicz.com

這不僅可以更容易地透過電子郵件發送你的網站連結,而且也更容易記住,因為它包含了你的名字。但最重要的是,你可以追蹤人們在網站上的行為,並利用這些數據來改進網站,以增加你的瀏覽量和人們花在瀏覽你專案上的時間。

Two screenshots side-by-side. One shows the original portfolio grid with a heatmap that demonstrates which projects and buttons have been most or least popular. The second shows an optimized version of the portfolio that emphasizes popular content and adds focus to areas that proved less popular

透過分析你收集的數據和查看熱圖,你可以準確地找出如何優化你的作品集,以最大限度地提高點擊率——以及你獲得的聯繫人數。

透過網站,你可以追蹤人們在網站上的行為,並利用這些數據來改進網站,以增加人們花在瀏覽你專案上的時間。

然而,這並不意味著你應該完全排除 Dribbble 或 Behance。事實上,除了你的專屬網站之外,把你的作品放在這些網站上也是個好主意,因為這可能會為你的網站帶來更多受眾。只要確保你在所有平台上都使用相同的專案——一致性是關鍵。

如果你現在沒有時間製作一個專屬網站怎麼辦?沒問題——把你的作品放在 Dribbble、Behance 和任何你能想到的地方。只要人們可以看到你出色的作品、閱讀你的案例研究,並看到你精美的視覺效果,你就沒問題了。

PDF 作品集雖然不錯,但有其局限性。招聘人員必須下載並打開它,這不像點擊連結那麼容易。此外,你無法知道是誰下載了它、他們是否打開了它,或者他們瀏覽了多長時間。

5. 在電子郵件中加入預覽

當然,當你在應徵工作時,你會發送很多包含你的履歷和作品集的電子郵件給別人。但這裡有一個小竅門可以幫助你在招聘人員點擊你電子郵件中的任何其他內容之前就抓住他們的注意力——我稱之為「預告片」。

在簡述個人背景和應徵動機後,請加入你的作品集連結。接著,在連結下方(注意,不是上方!)放上一張作品集的視覺預覽圖。圖片寬度設定為 660 像素,高度則不超過 660 像素。大多數電子郵件用戶端都支援這個尺寸,因此預覽圖可以直接顯示在郵件內文中。

A screenshot of an optimized email, including a link to the person’s portfolio and a preview image that shows off their work right alongside the text.

想讓你的求職信更吸引人點擊,最好的方法就是在內文中加入作品預覽圖。

這張預覽圖應該以網格方式展示你所有優秀的 UI 作品,盡可能多地放入作品,同時確保每個作品都清晰可見且呈現最佳效果。然後,在下方簡短說明,收件者可以點擊連結查看所有專案和完整的案例研究。

常言道,一圖勝千言。這個技巧能吸引更多人點擊你的作品集連結,即使原本猶豫不決的人也可能因此產生興趣。


既然你已經閱讀了 Michal 的作品集技巧分享,何不參考 他開設的 UI 案例研究課程 呢?這或許能大幅提升你獲得理想工作的機會。

你可能也會喜歡

免費試用 Sketch

無論你是 Sketch 新手,還是想了解最新功能,我們都能讓你快速上手,並在幾分鐘內開始創作。

免費開始使用
免費開始使用